<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>BIGLAW</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="bootstrap/font-awesome/css/font-awesome.css" />
		<!--自定义样式-->
		<link rel="stylesheet" href="css/common.css" />
		<!--工作台样式-->
		<link rel="stylesheet" type="text/css" href="css/workBar_haveTask.css"/>
		<!--标题图标-->
		<!--<link rel="icon" href="img/favicon.ico" />-->
	</head>

	<body>
		<div class="bodyDiv">
			<!--头部-->
			<div class="navbar-fixed-top">
				<div class="navbar-container clearfix">
					<!--logo-->
					<div class="navbar-header pull-left">
						<a href="javascript:;">
							<h1 class="navbar-logo"><img src="img/logo-page.png" /></h1>
						</a>
					</div>
					<!--搜索框-->
					<div class="navbar-header navbar-search pull-left">
						<div class="navbar-search-box">
							<i></i>
							<input type="text" class="form-control focusInput inputColor" placeholder="搜索相关法律信息">
						</div>
					</div>
					<!--右侧时间-->
					<div class="navbar-header pull-right" style="margin-right: 50px; margin-top: 9px">
						<a href="javascript:;" class="time-scadue"><span class="number-red">4</span></a>
					</div>
				</div>
			</div>

			<div class="main-container">
				<!-- 侧边导航栏 开始 -->
				<div class="sidebar-fixed">
					<ul class="nav nav-list">
						<li class="active">
							<a href="javascript:;">
								<img src="img/workicon.png" />
								<span class="menu-text">工作台</span>
							</a>
						</li>
						<li class="">
							<a href="javascript:;">
								<img src="img/caseicon.png" />
								<span class="menu-text">案件板</span>
							</a>
						</li>
						<li class="">
							<a href="javascript:;">
								<img src="img/infoicon.png" />
								<span class="menu-text">消息</span>
							</a>
						</li>
						<li class="">
							<a href="javascript:;">
								<img src="img/custicon.png" />
								<span class="menu-text">客户板</span>
							</a>
						</li>

					</ul>
					<ul class="sidebar-bottom">
						<li class="dropdown">
							<a href="javascript" class="dropdown-toggle sidebar-add" data-toggle="dropdown">
								<img src="img/addicon.png" />
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a href="#">Action</a>
								</li>
								<li role="presentation">
									<a href="#">Another action</a>
								</li>
								<li role="presentation">
									<a href="#">Something else here</a>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<a href="javascript" class="dropdown-toggle sidebar-me" data-toggle="dropdown">
								<img src="img/meimg.png" />
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a href="#">Action</a>
								</li>
								<li role="presentation">
									<a href="#">Another action</a>
								</li>
								<li role="presentation">
									<a href="#">Something else here</a>
								</li>
							</ul>
						</li>

					</ul>
				</div>
				<!--主要内容部分-->
				<div class="main-content">
					<div class="zqBigBody">
				    <!--头部-->
				    <header class="zqheader">
				        <!--<div class="container">-->
				            <span class="zqspanl">工作台</span>
				            <span class="pull-right zqspanr"><img src="img/jishi.png" alt=""><i class="zqend">已完成任务</i><i class="glyphicon glyphicon-chevron-down"></i></span>
				        <!--</div>-->
				    </header>

				    <!--身体-->
				    <div class="zqbody">
				        <!--第一个body-->
				        <div class="zqbody1  pull-left">
				            <div class="zqone" ><p>案件任务</p></div>
				            <div class="zqthree">
				                <ul>
				                    <li>
				                        <span class="nzqameTitle">刘大千离婚案</span>
				                        <div class="zqtitleImg">立案阶段</div>
				                        <div class="zqshowBox">
				                            <img class="zqBox1add" src="img/add.png" alt="">
				                            <div class="zqlistBtn">
				                            	<img src="img/ionc-down_03.png"  class="zqlistBtn_img"/>
				                            </div>
				                        </div>
				                        <div class="zqlist">
				                            <ul>
				                                <li>
				                                    <input class="checkBoxClick" type="checkbox">
				                                    <p>模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                            </ul>
				                        </div>
				                        <!--点击新建新建-->
				                        <div class="zqNewGreat">
				                            <div class="rongqi">
				                                <textarea name="MSG" placeholder="  要新建一个任务" cols=40 rows=3></textarea>
				                                <div class="parent1 pull-left">
				                                    <select>
				                                        <option>任务一</option>
				                                        <option>任务二</option>
				                                        <option>任务三</option>
				                                    </select>
				                                </div>
				                                <img class="img1" src="img/zqselectcover.png" alt="">
				                                <button class="save">保 存</button>
				                                <button id="zqcannel" class="box1cannel">取 消</button>
				                            </div>
				                        </div>
				                    </li>
				                    <li><span class="nzqameTitle">刘大千离婚案</span>
				                        <div class="zqtitleImg">立案阶段</div>
				                        <div class="zqshowBox">
				                            <img class="zqBox1add" src="img/add.png" alt="">
				                            <div class="zqlistBtn">
				                            	<img src="img/ionc-down_03.png"  class="zqlistBtn_img"/>
				                            </div>
				                        </div>
				                        <div class="zqlist">
				                            <ul>
				                                <li>
				                                    <input class="checkBoxClick" type="checkbox">
				                                    <p>模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                            </ul>
				                        </div>
				                        <!--点击新建新建-->
				                        <div class="zqNewGreat">
				                            <div class="rongqi">
				                                <textarea name="MSG" placeholder="  要新建一个任务" cols=40 rows=3></textarea>
				                                <div class="parent1 pull-left">
				                                    <select>
				                                        <option>任务一</option>
				                                        <option>任务二</option>
				                                        <option>任务三</option>
				                                    </select>
				                                </div>
				                                <img class="img1" src="img/zqselectcover.png" alt="">
				                                <button class="save">保 存</button>
				                                <button id="zqcannel" class="box1cannel">取 消</button>
				                            </div>
				                        </div>
				                    </li>
				                    <li><span class="nzqameTitle">刘大千离婚案</span>
				                        <div class="zqtitleImg">立案阶段</div>
				                        <div class="zqshowBox">
				                            <img class="zqBox1add" src="img/add.png" alt="">
				                            <div class="zqlistBtn">
				                            	<img src="img/ionc-down_03.png"  class="zqlistBtn_img"/>
				                            </div>
				                        </div>
				                        <div class="zqlist">
				                            <ul>
				                                <li>
				                                    <input class="checkBoxClick" type="checkbox">
				                                    <p>模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                            </ul>
				                        </div>
				                        <!--点击新建新建-->
				                        <div class="zqNewGreat">
				                            <div class="rongqi">
				                                <textarea name="MSG" placeholder="  要新建一个任务" cols=40 rows=3></textarea>
				                                <div class="parent1 pull-left">
				                                    <select>
				                                        <option>任务一</option>
				                                        <option>任务二</option>
				                                        <option>任务三</option>
				                                    </select>
				                                </div>
				                                <img class="img1" src="img/zqselectcover.png" alt="">
				                                <button class="save">保 存</button>
				                                <button id="zqcannel" class="box1cannel">取 消</button>
				                            </div>
				                        </div>
				                    </li>
				                    <li><span class="nzqameTitle">刘大千离婚案</span>
				                        <div class="zqtitleImg">立案阶段</div>
				                        <div class="zqshowBox">
				                            <img class="zqBox1add" src="img/add.png" alt="">
				                            <div class="zqlistBtn">
				                            	<img src="img/ionc-down_03.png"  class="zqlistBtn_img"/>
				                            </div>
				                        </div>
				                        <div class="zqlist">
				                            <ul>
				                                <li>
				                                    <input class="checkBoxClick" type="checkbox">
				                                    <p>模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                                <li>
				                                    <input type="checkbox">
				                                    <p>模拟开庭</p>
				                                    <div class="zqSomeTime">
				                                        <img src="img/xie.png" alt="">
				                                        <span>2016-10-12</span>
				                                        <img src="img/xie.png" alt="">
				                                        <img src="img/xie.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                                    </div>
				                                </li>
				                            </ul>
				                        </div>
				                        <!--点击新建新建-->
				                        <div class="zqNewGreat">
				                            <div class="rongqi">
				                                <textarea name="MSG" placeholder="  要新建一个任务" cols=40 rows=3></textarea>
				                                <div class="parent1 pull-left">
				                                    <select>
				                                        <option>任务一</option>
				                                        <option>任务二</option>
				                                        <option>任务三</option>
				                                    </select>
				                                </div>
				                                <img class="img1" src="img/zqselectcover.png" alt="">
				                                <button class="save">保 存</button>
				                                <button id="zqcannel" class="box1cannel">取 消</button>
				                            </div>
				                        </div>
				                    </li>
				                </ul>
				                <div class="zqsearchBar">
				                    <input type="search" name="search" id="search" placeholder="快速检索一个案件吧">
				                    <button>搜索</button>
				                </div>
				            </div>
				        </div>
				        <!--现在就做-->
				        <div class="nowBody pull-left">
				            <div class="zqone" ><p>现在就做</p></div>
				            <div class="zqtow">
				                <ul>
				                    <li>
				                        <input class="checkBoxClick" type="checkbox">
				                        <p>模拟开庭</p>
				                        <div class="zqSomeTime">
				                            <img src="img/xie.png" alt="">
				                            <span>2016-10-12</span>
				                            <img src="img/xie.png" alt="">
				                            <img src="img/xie.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        </div>
				                    </li>
				                    <li>
				                        <input type="checkbox">
				                        <p>模拟开庭,风险评估,</p>
				                        <div class="zqSomeTime">
				                            <img src="img/xie.png" alt="">
				                            <span>2016-10-12</span>
				                            <img src="img/xie.png" alt="">
				                            <img src="img/xie.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        </div>
				                    </li>
				                    <li>
				                        <input type="checkbox">
				                        <p>模拟开庭,风险评估,三大规范实的判断</p>
				                        <div class="zqSomeTime">
				                            <img src="img/xie.png" alt="">
				                            <span>2016-10-12</span>
				                            <img src="img/xie.png" alt="">
				                            <img src="img/xie.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        </div>
				                    </li>
				                    <li>
				                        <input type="checkbox">
				                        <p>模拟开庭,风险评估,三大规范实的判断</p>
				                        <div class="zqSomeTime">
				                            <img src="img/xie.png" alt="">
				                            <span>2016-10-12</span>
				                            <img src="img/xie.png" alt="">
				                            <img src="img/xie.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                            <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        </div>
				                    </li>
				                </ul>
				                <div class="zqAddDiv"><img src="img/add.png" alt=""><span>增加</span></div>
				                <!--点击增加,出现的div-->
				                <div class="zqNewGreat pull-left">
				                    <div class="zqTow">
				                        <div class="rongqi">
				                            <textarea name="MSG" placeholder="  要新建一个任务" cols=40 rows=3></textarea>
				                            <div class="parent1 pull-left">
				                                <select>
				                                    <option>任务一</option>
				                                    <option>任务二</option>
				                                    <option>任务三</option>
				                                </select>
				                            </div>
				                            <!--<img class="img1" src="img/xiala.png" alt="">-->
				                            <div class="parent2 pull-left">
				                                <select>
				                                    <option>任务一</option>
				                                    <option>任务二</option>
				                                    <option>任务三</option>
				                                </select>
				                            </div>
				                            <!--<img class="img2" src="img/xiala.png" alt="">-->
				                            <button class="save">保 存</button>
				                            <button class="cannel">取 消</button>
				                        </div>
				                    </div>
				                </div>
				            </div>
				            <div class="zqcolor"></div>
				        </div>
				        <!--新建浅-->
				        <div class="zqNew2Great pull-left">
				            <div class="zqone" ><img class="imageL" src="img/add.png" alt=""><p>新建</p><img class="imageR" src="img/xie.png" alt=""></div>
				        </div>

				        <div class="zqOverJob pull-right">
				            <ul>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭模拟开庭</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭,风险评估,三大规范实的判断</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭,风险评估,三大规范实的判断</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				                <li>
				                    <input type="checkbox">
				                    <p>模拟开庭,风险评估,三大规范实的判断</p>
				                    <div class="zqSomeTime">
				                        <img src="img/xie.png" alt="">
				                        <span>2016-10-12</span>
				                        <img src="img/xie.png" alt="">
				                        <img src="img/xie.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                        <img class="zqImg pull-right" src="img/tou'x.png" alt="">
				                    </div>
				                </li>
				            </ul>
				            <button>显示更多</button>
				        </div>
				    </div>
				</div>
				<!--分页-->
					<!--<div class="pagCenter">
                    <ul class="pagination">
                        <li>
                            <a href="JavaScript:;">
                                <i class="fa fa-2x fa-angle-left"></i>
                            </a>
                        </li>
                        <li><a href="JavaScript:;">上一页</a></li>
                        <li  class="pagList active">
                            <a href="JavaScript:;">1</a>
                        </li>

                        <li class="pagList">
                            <a href="JavaScript:;">2</a>
                        </li>

                        <li class="pagList">
                            <a href="JavaScript:;">3</a>
                        </li>

                        <li class="pagList">
                            <a href="JavaScript:;">4</a>
                        </li>

                        <li class="pagList">
                            <a href="JavaScript:;">5</a>
                        </li>
                        <li class="pagList">
                            <a href="JavaScript:;">6</a>
                        </li>
                        <li class="pagList">
                            <a href="JavaScript:;">7</a>
                        </li>
                        <li class="pagList">
                            <a href="JavaScript:;">8</a>
                        </li>
                        <li>...</li>
                        <li class="pagList">
                            <a href="JavaScript:;">20</a>
                        </li>

                        <li><a href="JavaScript:;">下一页</a></li>

                        <li >
                            <a href="JavaScript:;">
                                <i class="fa fa-2x fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <span  class="totalNum">共1000条数据</span>


                </div>-->
				</div>
				<!--main-content-->
			</div>
		</div>

		<!-- basic scripts -->
		<script src="js/jquery.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script src="js/workBar.js"></script>

	</body>

</html>
